<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>深圳美术建材--深美特--SMARTT--彩涂钢塑板--色号图库</title>
  <link rel="stylesheet" href="http://www.sj520.cn/download/dm/tupian/sj520-tupian-5/css/zoomify.min.css">
<style>
 body{
	background: url('');
	text-align: center;
	font-size:32px;
	font-family: Tahoma,Arial,"Hiragino Sans GB",simsun,sans-serif;
}
img{
border:solid 3px white;
}
</style>
</head>	
<body>
<div id="page_begin_html"><canvas id="canvas" width="500" height="500" style="position: fixed; right:0; top:15%; zoom: 0.5;z-index:999; ">
        您的浏览器不支持 Canvas!
    </canvas>
    <script type="text/javascript">window['__document_write_ajax_callbacks__']['2']();</script><script>window['__document_write_ajax_callbacks__']['1']();</script></div>
<div class="wrap">
<img   src="http://www.smartt.net.cn/uploadfiles/2018/08/201808221416571657.png" width="500" alt="深圳美术建材-smartt-深美特--SMARTT--彩涂钢塑板--色号图库" />深圳美术建材-smartt-深美特--SMARTT--彩涂钢塑板--色号图库</br>
</br>布纹系列↓↓↓↓</br><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
F0101.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
F0102.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
F0103.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
F0301.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
F0501.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
F0502.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
F1701.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
F2601.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
F2701.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
F2801.jpg" width="200" alt="" />
</br>金属纹系列↓↓↓↓</br><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
G0101.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
G0201.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
G0301.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M0103.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M0104.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M0303.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M0601.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M1201.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M2001.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M221S.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M222S.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M2301.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M3701.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M4201.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M4401.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M4501.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M4502.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M4701.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M4702.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M4703.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M4704.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M4705.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M4706.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M4707.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M4708.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M4802.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
M4803.jpg" width="200" alt="" />
</br>石材纹系列↓↓↓↓</br><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
S0401.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
S1701.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
S1801.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
S2701.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
S3801.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
S3901.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
S4201.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
S4401.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
S4501.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
S4601.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
S4701.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
S4801.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
S4901.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
S5001.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
S5101.jpg" width="200" alt="" />
</br>木纹系列↓↓↓↓</br><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
W0301.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
W0302.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
W1101.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
W4701.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
W4801.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
W5001.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
W5101.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
W5201.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
W5301.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
W5601.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
W5602.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
W5603.jpg" width="200" alt="" /><img  class="zoomify" data-duration="1000" data-easing="linear" data-scale="1"  src="https://szart-bj-1253921928.cos.ap-beijing.myqcloud.com/%E9%92%A2%E5%A1%91%E6%9D%BF%E8%89%B2%E5%8F%B7%E5%9B%BE-bj/
W5604.jpg" width="200" alt="" />
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="http://www.sj520.cn/download/dm/tupian/sj520-tupian-5/js/zoomify.min.js"></script>

<script>
$(function() {
	$('.zoomify').zoomify();
});
</script>


<script type="text/javascript">
        var canvas = document.getElementById('canvas');
        var ctx = canvas.getContext('2d');
        function drawClock() {
            //清除画布
            ctx.clearRect(0, 0, 500, 500);
            var now = new Date();
            var sec = now.getSeconds();
            var min = now.getMinutes();
            min = min + sec / 60;
            var hour = now.getHours();
            hour = hour + min / 60;
            //表盘(蓝色)
            ctx.save();
            ctx.lineWidth = 10;
            ctx.strokeStyle = "#5cadad";
            ctx.beginPath();
            ctx.translate(250, 250);
            ctx.arc(0, 0, 200, 0, 360, false);
            ctx.closePath();
            ctx.stroke();
            ctx.restore();
            //刻度(黑色)
            //小时刻度
            for (var i = 0; i < 12; i++) {
                ctx.save();
                ctx.lineWidth = 7;
                ctx.strokeStyle = "black";
                ctx.beginPath();
                ctx.translate(250, 250);
                ctx.rotate(i * 30 * Math.PI / 180);
                ctx.moveTo(0, -190);
                ctx.lineTo(0, -150);
                ctx.closePath();
                ctx.stroke();
                ctx.restore();
            }
            //分钟刻度
            for (var i = 0; i < 60; i++) {
                ctx.save();
                ctx.lineWidth = 5;
                ctx.strokeStyle = "gray";
                ctx.beginPath();
                ctx.translate(250, 250);
                ctx.rotate(i * 6 * Math.PI / 180);
                ctx.moveTo(0, -185);
                ctx.lineTo(0, -170);
                ctx.closePath();
                ctx.stroke();
                ctx.restore();
            }
            //时针(黑色)
            ctx.save();
            ctx.lineWidth = 9;
            ctx.strokeStyle = "black";
            ctx.beginPath();
            ctx.translate(250, 250);
            ctx.rotate(hour * 30 * Math.PI / 180);
            ctx.moveTo(0, -130);
            ctx.lineTo(0, 20);
            ctx.closePath();
            ctx.stroke();
            ctx.restore();
            //分针(绿色)
            ctx.save();
            ctx.lineWidth = 6;
            ctx.strokeStyle = "green";
            ctx.beginPath();
            ctx.translate(250, 250);
            ctx.rotate(min * 6 * Math.PI / 180);
            ctx.moveTo(0, -150);
            ctx.lineTo(0, 40);
            ctx.closePath();
            ctx.stroke();
            ctx.restore();
            //秒针(红色)需美化
            ctx.save();
            ctx.lineWidth = 3;
            ctx.strokeStyle = "red";
            ctx.beginPath();
            ctx.translate(250, 250);
            ctx.rotate(sec * 6 * Math.PI / 180);
            ctx.moveTo(0, -170);
            ctx.lineTo(0, 60);
            ctx.closePath();
            ctx.stroke();
            ctx.restore();
            //中间画个小圆点
            ctx.save();
            ctx.lineWidth = 2;
            ctx.fillStyle = "orange"
            ctx.beginPath();
            ctx.translate(250, 250);
            ctx.arc(0, 0, 7, 0, 360, false);
            ctx.closePath();
            ctx.fill();
            ctx.strokeStyle = "green";
            ctx.stroke();
            ctx.restore();
            //秒针前段画个小圆点
            ctx.save();
            ctx.lineWidth = 2;
            ctx.fillStyle = "white"
            ctx.beginPath();
            ctx.translate(250, 250);
            ctx.rotate(sec * 6 * Math.PI / 180);
            ctx.arc(0, -140, 5, 0, 360, false);
            ctx.closePath();
            ctx.fill();
            ctx.strokeStyle = "green";
            ctx.stroke();
            ctx.restore();
        }
        drawClock();
        setInterval(drawClock, 1000);
    </script>
</body>
</html>